/*大于960px 小于1199px*/

@media only screen and (min-width:960px) and (max-width: 1199px) {
	header,
	.tophead,
	.forum_article {
		width: 100%;
	}
	nav ul li {
		padding: 10px 10px;
	}
	.picshow li i {
		overflow: hidden;
		height: 400px;
		display: block;
	}
	.picshow .front {
		display: none;
	}
}


/* 大于768px，小于959px */

@media only screen and (min-width: 768px) and (max-width: 959px) {
	header,
	.tophead,
	.forum_article {
		width: 100%
	}
	nav ul li {
		padding: 10px 5px;
	}
	.blogs {
		width: 65%
	}
	.sidebar {
		width: 33%
	}
	.sidebar {
		width: 33%
	}
	.picshow li i {
		overflow: hidden;
		display: block;
		height: 300px;
	}
	.picshow .font {
		display: none
	}
}


/* 大于480px，小于767px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	header,
	.tophead,
	.forum_article {
		width: 100%
	}
	header {
		height: 66px;
		margin-bottom: 10px;
	}
	nav {
		display: none;
	}
	#mnav {
		display: block;
		position: relative;
		z-index: 999999;
	}
	.navicon,
	.navicon:before,
	.navicon:after {
		background: #000
	}
	#mnav h2 #mnav h2.open .navicon {
		background: rgba(1, 1, 1, 0)
	}
	/* 使用背景色隐藏中间的线 */
	.picshow li i {
		overflow: hidden;
		display: block;
		height: 200px;
	}
	.picshow .font,
	.litle span {
		display: none
	}
	.blogs {
		width: 62%
	}
	.sidebar {
		width: 36%
	}
	.blogpic {
		width: 100%;
		height: 150px;
		display: block
	}
	.blogtitle {
		clear: both;
		padding-top: 10px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	.autor .readmore {
		display: block;
		overflow: hidden;
		width: 100%;
		text-align: center;
		background: #f2f2f2;
		padding: 10px 0px;
		margin-top: 10px;
		clear: both;
	}
}

@media only screen and (min-width:360px) and (max-width: 479px) {
	header,
	.tophead,
	.forum_article,
	.sidebar,
	.blogs {
		width: 100%
	}
	header {
		height: 66px;
		margin-bottom: 10px;
	}
	nav {
		display: none;
	}
	#mnav {
		display: block;
		position: fixed;
		z-index: 99999;
	}
	.navicon,
	.navicon:before,
	.navicon:after {
		background: #000
	}
	#mnav h2.open .navicon {
		background: rgba(1, 1, 1, 0)
	}
	/* 使用背景色隐藏中间的线 */
	.picshow li i {
		overflow: hidden;
		height: 100px;
		display: block;
	}
	.picshow .front {
		display: none;
	}
	.blogpic {
		width: 100%;
		height: 150px;
		display: block
	}
	h3.blogtitle {
		clear: both;
		padding-top: 10px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	.readmore {
		display: block;
		overflow: hidden;
		width: 100%;
		text-align: center;
		background: #f2f2f2;
		padding: 10px 0;
		margin-top: 10px;
		clear: both
	}
}

@media only screen and (max-width:359px) {
	header,
	.tophead,
	.forum_article,
	.sidebar,
	.blogs {
		width: 100%
	}
	header {
		height: 66px;
		margin-bottom: 10px;
	}
	nav {
		display: none;
	}
	#mnav {
		display: block;
		position: fixed;
		z-index: 999999;
	}
	.navicon,
	.navicon:before,
	.navicon:after {
		background: #000
	}
	#mnav h2.open .navicon {
		background: rgba(1, 1, 1, 0)
	}
	/* 使用背景色隐藏中间的线 */
	.picshow li i {
		overflow: hidden;
		display: block;
		height: 100px;
	}
	.picshow .front {
		display: none
	}
	.blogpic {
		width: 100%;
		height: 150px;
		display: block
	}
	h3.blogtitle {
		clear: both;
		padding-top: 10px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	.readmore {
		display: block;
		overflow: hidden;
		width: 100%;
		text-align: center;
		background: #f2f2f2;
		padding: 10px 0;
		margin-top: 10px;
		clear: both
	}
}

.pull_left{
	float: left;
}
.pull_right{
	float: right;
}
